<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!--图片元素和属性与属性值
		png jpg gif
		属性与属性值：出现元素前标记位置【多个用空格分开】
		作用：修饰元素效果
		【必须】资源属性src="路径 图片全称"
		路径：通过路径找到文件，表示：/  \
		/表示 上传至服务器【推荐】
		\表示 下载至本地
		../返回上一级
		相对路径 ①相对于 执行网页文件 同一目录下 直接按照目录名+图片全称 √
		        ②相对于 执行网页文件 包含文件夹 返回上一步
		绝对路径 根据盘符查找文件
		
		alt标题属性 属性值：文本自定
		特点：用于解释图片，特点：网络问题，图片全称写错，提示
		title标题属性 属性值：文本自定
		特点：用于解释图片，特点：鼠标移动上去提示
		-->
		<img src="img/1.png"alt="百变小樱"width="200px"height="200px" />
		<img src="img/2.png"title="飞天小警女"width="200px"height="200px"/>
		<img src="img/3.png"alt="布丁狗"width="200px"height="200px"/>
		
		<!--图片、音频、视频、【文件类】使用机制类  
		视频video元素的属性与属性值：如果属性和属性值一致，删属性值
		outoplay属性   自动播放一次
		controls属性   控制条
		loop属性      无限次播放
		音频  audio
		-->
		<vi deo src="img/oceans-clip.mp4"autopiay controls loop></video>
		<audio src="img/dafengche.mp3"autopiay controls loop></audio>
	</body>
</html>